﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link rel="shortcut icon" href="files/favicon.png" type="image/png" />
    <title>MetaJogger</title>
    <link href="files/reset.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        body
        {
            font-family: Tahoma, Arial, sans-serif;
            color: #353535;
            overflow:hidden;
        }
        #arrow
        {
            margin: auto;
            margin-top: 15%;
            width: 73px;
            height: 79px;
            background: #FFF url(files/arrow.jpg) no-repeat scroll top left;
        }
        a
        {
        	outline:0;
        }
        a.metaurl
        {
            display: block;
            width: 100%;
            text-align: center;
            margin-top: 10px;
            text-decoration: underline;
            color: #353535;
            font-size: 15px;
        }
        #footer
        {
        	height:145px;
        	width:100%;
        	position:absolute;
        	bottom:0;
        	background:#3ba5dc url(files/bg.jpg) repeat-x;
        	font-size:13px;
        	color: #fff;
        	padding-top: 40px;
        }
        ul
        {
        	width:600px;
        	margin:auto;
        }
        li
        {
        	overflow:hidden;
        	zoom:1;
        	margin-bottom:10px;
        	height:20px;
        }
        label
        {
        	width: 300px;
        	text-align:right;
        	display:block;
        	float:left;
        	margin-top:2px;
        }
        input
        {
        	float:left;
        	margin-left:5px;
        	border: none;
        	background-color: #41b6f3;
        	width:196px;
        	height:16px;
        	padding:2px;
        	color:#fff;
        	font-size:13px;
        }
        #footer a
        {
        	color:#fff;
        }
        #form a
        {
        	font-size:13px;        	
        	display:block;
        	text-align:center;
        	margin-top:30px;
        }
        #footer p
        {
        	font-size: 10px;
        	text-indent: 5px;
        	position: absolute;
        	bottom: 5px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="arrow">
    </div>
    <asp:HyperLink ID="metaUrl" NavigateUrl="" CssClass="metaurl" runat="server" 
        Visible="False"></asp:HyperLink>
    <div id="footer">
        <div id="form">
            <ul>
                <li>
                    <label>
                        Adres joga:</label><asp:TextBox ID="blogUrl" runat="server">http://</asp:TextBox></li>
                <li>
                    <label>
                        JID (login JogerBota, bez @jogger.pl):</label><asp:TextBox ID="blogId" runat="server"></asp:TextBox></li>
            </ul>
            <asp:LinkButton ID="go" runat="server" onclick="go_Click">Wyświetl link do mojego MetaJogger API</asp:LinkButton>
        </div>
        <p><a href="http://code.google.com/p/metajogger/" title="MetaJogger">MetaJogger API</a> by <a href="http://pyetras.com" title="Blog Pyetras">Pietras</a></p>
    </div>
    </form>
</body>
</html>
